<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="../public/template.xhtml">




	<ui:define name="conteudoEsq">
		<h:form>
			<p:panelGrid id="panel" columns="2" style="text-align:center;">
				<f:facet name="header">
    		Cadastro de Edital
    	</f:facet>




				<h:outputLabel for="datafim" value="Data Fim"></h:outputLabel>
				<p:calendar id="datafim" value="#{editalBean.edital.dataFim}"
					pattern="dd/MM/yyyy HH:mm">

					<p:tooltip
						style="background-color:#63b8FF;border-radius:3px 3px 3px;color:#FFFFFF"
						for="datafim" value="Escolha a data fim" showEffect="fade"
						hideEffect="fade" />
					<f:validator validatorId="dataFimValidator" />
				</p:calendar>



				<h:outputLabel for="item" value="Produto"></h:outputLabel>
				<p:selectOneMenu id="item" value="#{editalBean.edital.item}"
					panelStyle="width:150px" effect="fade" var="i" style="width:160px"
					filter="true" filterMatchMode="startsWith"
					converter="itemConverter">
					<f:selectItems value="#{editalBean.listaItem}" var="item"
						itemLabel="#{item.nomeItem}" itemValue="#{item}" />

					<p:column>
						<p:graphicImage value="#{i.nomeImagem}"
							style="width:60px;height:60px" />
					</p:column>

					<p:column>  
		                	#{i.nomeItem}
		            </p:column>
					<p:tooltip
						style="background-color:#63b8FF;border-radius:3px 3px 3px;color:#FFFFFF"
						for="item" value="Escolha um produto" showEffect="fade"
						hideEffect="fade" />
				</p:selectOneMenu>


				<h:outputLabel for="quantidade" value="Quantidade"></h:outputLabel>
				<p:inputText required="true" id="quantidade"
					value="#{editalBean.edital.qtItem}" label="Quantidade"
					immediate="true">
					<p:tooltip
						style="background-color:#63b8FF;border-radius:3px 3px 3px;color:#FFFFFF"
						for="quantidade" value="Digite a quantidade de produtos"
						showEffect="fade" hideEffect="fade" />
					<f:validator validatorId="quantidadeValidator" />
				</p:inputText>

				<h:outputLabel for="valor" value="Valor Mínimo: R$"></h:outputLabel>
				<p:inputText id="valor" required="true"
					value="#{editalBean.edital.valorMinimo}" label="Valor Máximo"
					immediate="true">

					<p:tooltip
						style="background-color:#63b8FF;border-radius:3px 3px 3px;color:#FFFFFF"
						for="valor" value="Digite o valor do produto" showEffect="fade"
						hideEffect="fade" />
					<f:validator validatorId="valorValidator" />
				</p:inputText>







				<f:facet name="footer">
					<p:commandButton value="Inserir"
						action="#{editalBean.salvarEdital()}" id="inserir"
						icon="ui-icon-disk" title="Inserir"
						style="width:100%;text-align:center; border:none!important;padding:0px!important;"></p:commandButton>
				</f:facet>

				<p:row>

					<p:column colspan="2">
						<p:messages for="quantidade" autoUpdate="true" showDetail="true"
							globalOnly="true" />

						<p:messages for="valor" autoUpdate="true" showDetail="true"
							globalOnly="true" />
					</p:column>
				</p:row>

			</p:panelGrid>
			<p:growl autoUpdate="true" globalOnly="true" showDetail="true" />
		</h:form>

	</ui:define>
	<ui:define name="conteudoDir">
		<p:graphicImage url="../img/lightbulb.png" style="display:block;"></p:graphicImage>
		<p>Cadastro de edital permitirá ao usuário dar lances e somente o administrador pode criá-lo e editá-lo</p>
		
	</ui:define>

</ui:composition>
